<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="author" content="Yeeku.H.Lee" />
	<meta name="website" content="http://www.leegang.org" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
	<title>����ҳ��</title>
</head>
<body onload ="sendEmptyRequest();">
<table width="780" border="1" align="center">
<tr>
<td><p align="center">����ҳ��</p>
<p align="center">
<textarea id="chatArea" name="chatArea" cols="100"
	rows="30" readonly="readonly"></textarea>
</p>
<div align="center">
    <input id="chatMsg" name="chatMsg" type="text"
	size="90" onkeypress="enterHandler(event);"/>
    <input type="button" name="button" value="�ύ"
	onclick="sendRequest();"/>
</div>
</td>
</tr>
</table>
<script>
var input = document.getElementById("chatMsg");
input.focus();
var XMLHttpReq;
//����XMLHttpRequest����       
function createXMLHttpRequest()
{
	if(window.XMLHttpRequest)
	{ 
		//DOM 2�����
		XMLHttpReq = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		// Internet Explorer�����
		try
		{
			XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try
			{
				XMLHttpReq = new 
					ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
			}
		}
	}
}
//����������
function sendRequest()
{
	//input�Ǹ�ȫ�ֱ����������û�����������Ϣ�ĵ����ı���
	var chatMsg = input.value;
	//���XMLHttpRequest����ĳ�ʼ��
	createXMLHttpRequest();
	//���巢�������Ŀ��URL
	var url = "chat.do";
	//ͨ��open����ȡ���������������
	//����POST����
	XMLHttpReq.open("POST", url, true);
	//��������ͷ-����POST����ʱ��Ҫ������ͷ
	XMLHttpReq.setRequestHeader("Content-Type",
		"application/x-www-form-urlencoded");
	//ָ��XMLHttpRequest״̬�ı�ʱ�Ĵ��?��
	XMLHttpReq.onreadystatechange = processResponse;
	//�������������
	input.value = "";
	//��������send�Ĳ��������key-value�ԡ�
	//���ԣ����������=�������ֵ ����ʽ�����������
	XMLHttpReq.send("chatMsg=" + chatMsg); 
}

function sendEmptyRequest()
{
	//���XMLHttpRequest����ĳ�ʼ��
	createXMLHttpRequest();
	//���巢�������Ŀ��URL
	var url = "chat.do";
	//����POST����
	XMLHttpReq.open("POST", url, true);
	//��������ͷ-����POST����ʱ��Ҫ������ͷ
	XMLHttpReq.setRequestHeader("Content-Type",
		"application/x-www-form-urlencoded");
	//ָ��XMLHttpRequest״̬�ı�ʱ�Ĵ��?��
	XMLHttpReq.onreadystatechange = processResponse;
	//��������,���������κβ���
	XMLHttpReq.send(null);
	//ָ��0.8s֮���ٴη�������
	setTimeout("sendEmptyRequest()" , 800);
}

// ���?����Ϣ����
function processResponse()
{
	//��XMLHttpRequest��ȡ��������Ӧ���
	if (XMLHttpReq.readyState == 4)
	{
		//��������Ӧ��ȷ������������Ӧ��ȷʱ������ֵΪ200��״̬�룩
		if (XMLHttpReq.status == 200)
		{
			//ʹ��chatArea�����ı�����ʾ��������Ӧ���ı�
			document.getElementById("chatArea").value 
				= XMLHttpReq.responseText;
		}
		else
		{
			//��ʾҳ�治��
			window.alert("���������ҳ�����쳣��");
		}
	}
}
//���̴��?��
function enterHandler(event)
{
	//��ȡ�û��������̵ġ���ֵ��
	var keyCode = event.keyCode ? event.keyCode 
		: event.which ? event.which : event.charCode;
	//����ǻس���
	if (keyCode == 13)
	{
		sendRequest();
	}
}
</script>
</body>
</html>
